<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
</head>
<body>
      <!-- jQuery插件使用 : 1. 引入jQuery  2. 引入插件-->
      <!-- jQuery插件必须在jQuery库的下方 -->
      <!-- 原因 : 其实我们是在向jQuery的构造函数上添加方法 -->
      <script src="./js/jquery.js"></script>
      <script src="./js/jquery.cookie.js"></script>
      <script>
            // 1. cookie   插件;
            // 2. lazyload 插件; 懒加载;
             $.cookie("key" , "value" , {
                  expires : 5,
                  // cookie 即使同名 ，那么如果path不一样我们也认为这两条cookie不一样;
                  path : "/"
            });

            // 如果 cookie的 path不是默认值，那么你在删除cookie的时候需要传入对应的path参数才可以进行删除;
            $.removeCookie("key" , {path : "/"});
            // $.cookie =>  全局方法 | 全局插件;
      </script>
</body>
</html>